Howard Makhalima

Open Source

Web Development

Log Book Maker

HTML5CSSVanilla JSLocalStorage

An industrial attachment log book workspace. Built for students to track weekly work entries, generate print-ready A4 log sheets, and export data to CSV or Google Docs all without a backend.

Features

Log Management: Add, edit, and delete entries grouped by week.
Print Export: Generates log sheets ready for submission.
Data Portability: Export directly into Word/Google Docs.
Theming: Full dark/light mode with user preferences.

GitHub View Live

Free

UI/UX Design

Glassmorphism Login UI

Glassmorphism Login UI

HTML5CSS3

A sleek, modern, and highly aesthetic Login Interface designed with the Glassmorphism trend. This project focuses on clean code and the frosted glass effect using pure HTML and CSS.

Features

Design: Frosted glass backdrop-filter effect.
Mobile: Fully responsive across all devices.
Visuals: Modern typography and hover effects.
Code: Pure CSS3 with custom properties.

GitHub View Live

$15.00

UI Lab

Submarine

Submarine Interface

ReactSassFramer Motion

A high-fidelity experimental interface with premium animations and custom components.

Commercial License

Price: $15.00 USD (One-time).
Support: 6 months of technical updates.
Usage: Full commercial rights included.

Purchase Code Demo Site

$25.00

Visual Identity

Seven Studio

Seven Studio Brand Suite

IllustratorPhotoshopFigma

Complete professional brand identity suite including source files and marketing assets.

Commercial License

Price: $25.00 USD.
Files: Includes .AI, .EPS, and .FIG sources.
Rights: Transfer of ownership upon purchase.

Buy Full Identity View Gallery

$25.00

Full-Stack Web

The Memory Canvas

HTML5CSS NestingVanilla JSLocalStorage

A deeply personal, interactive web experience built as a digital love letter. Features a music player, shared journal, timeline, star calendar, time capsules, bucket list, love quiz, and memory lane — all wrapped in a galaxy-themed UI.

Features

Music: Custom audio player with song memories and a cockpit bar.
Journal: Real-time shared chat-style journal with localStorage.
Capsules: Time-locked letters that open on set conditions.
Timeline: Editable relationship journey with milestone cards.
Design: Galaxy space theme with orbit navigation and animations.

GitHub View Live

$10.00

Exclusive Content

Clean Static Blog

Mastering Modern UI/UX

DevelopmentDesignPremium

Get full access to this deep-dive guide. We explore the psychology of design, advanced CSS techniques, and the future of web responsiveness.

Guide Highlights

Price: $10.00 USD.
Format: PDF & interactive source files.
Lifetime Access: Includes all future updates.

Unlock Full Post Free Preview

Free

Interactive Web

Will You Be My Valentine?

Will You Be My Valentine?

HTML5CSS3JS

A simple, elegant, and playful web-based invitation built with HTML, CSS, and JavaScript. Optimized for modern romantic gestures with interactive logic.

Features

Logic: Evasive "No" button interaction.
Mobile: Fully responsive UI/UX design.
Social: WhatsApp API integration.
Hosting: Free GitHub Pages deployment.

GitHub Repo View Live

Free

Web Development

Basic Portfolio

Basic Portfolio

HTML5CSS NestingJavaScript

A basic personal portfolio featuring the latest CSS nesting standards. This project focuses on high-performance animations, organic UI shapes, and a fully responsive grid system for creative professionals.

Features

Animation: Organic morphing shapes and floating effects.
Structure: Clean, maintainable code using Native CSS Nesting.
UX: Project modals and smooth scroll navigation.

GitHub View Live

Free

Frontend Development

Modern Glass Portfolio

HTML5CSS NestingJavaScriptGlassmorphism

A sleek, modern portfolio website featuring a dynamic glassmorphism header, responsive design, and a seamless Dark/Light mode toggle. Built with HTML, CSS (using modern nesting), and Vanilla JavaScript to showcase projects and experience with style.

Features

Animation: Dynamic glassmorphism header scroll animation.
Structure: Uses Native CSS Nesting and linear gradients.
UX: Dark/Light mode toggle for enhanced user experience.

GitHub View Live

Architecting the Future

This section is currently on the drawing board.
I'm refining the case studies to ensure they meet the highest standards.

Work in Progress

Free

UI Component

Magic Curved Navbar

Magic Curved Navigation Bar

HTML5CSS3Vanilla JS

A high-end, mobile-first navigation component featuring a smooth floating indicator and a unique curved "cutout" effect. It’s built with zero dependencies for maximum performance.
!Disclaimer, site is not responsive for moile screens, strictly for Laptops and desktops

Key Features

Animation: Smooth CSS transitions for the floating active state.
Design: Curved style cutout using inverted border-radius.
Mobile: Optimized specifically for mobile app-like experiences.
Logic: Lightweight JavaScript for managing active tab states.

GitHub View Live

Free

UI/UX Design

Cyber Glow Neon UI

Cyber Glow Neon UI

HTML5CSS3

A high-fidelity, interactive Cyberpunk-style button. This project explores advanced CSS techniques like 3D transforms for floor reflections and multi-layered glow effects using HSL color spaces.

Features

Reflection: Light bounce using perspective transforms.
Glow: HSL-based text and box-shadow layering.
Interactivity: Smooth transitions and "active" state scaling.
Pure CSS: Zero external libraries

GitHub View Live

Hello, I'm

Howard Makhalima

About Me

Software Developer

My Resume

Bachelor's Degree in Computer Science

Diploma In Web Design

A Level

O Level

UI/UX & Graphic Design

Full-Stack Software Developer

IT Solutions Consultant

HTML

CSS

JavaScript

React

Bootstrap

JQuery

PHP

Python

Node JS

Firebase

Services

Portfolio

Architecting the Future

Awesome Clients

Tatenda Moyo

Rumbidzai Chikwanda

Farai Mutasa

Chiedza Rusike

Contact Me

Contact Info

hmakhalima4@gmail.com

Howard Makhalima

+263 78-458-9841

Social Info

Let's work together.

Hello, I'm

Howard Makhalima

About Me

Software Developer

My Resume

Bachelor's Degree in Computer Science

Diploma In Web Design

A Level

O Level

UI/UX & Graphic Design

Full-Stack Software Developer

IT Solutions Consultant

HTML

CSS

JavaScript

React

Bootstrap

JQuery

PHP

Python

Node JS

Firebase

Services

Web Design

Web Design

What I Provide

Graphic Design

Graphic Design

What I Provide

Software Dev

Software Development

What I Provide

Portfolio

Log Book Maker

Log Book Maker

Features

Glassmorphism Login UI

Glassmorphism Login UI

Features

Submarine

Submarine Interface

Commercial License

Seven Studio

Seven Studio Brand Suite

Commercial License

The Memory Canvas

The Memory Canvas

Features

Clean Static Blog

Mastering Modern UI/UX

Guide Highlights

Will You Be My Valentine?

Will You Be My Valentine?

Features

Basic Portfolio

Basic Portfolio

Features

Modern Glass Portfolio

Modern Glass Portfolio

Features

Architecting the Future

Magic Curved Navbar

Magic Curved Navigation Bar

Key Features

Cyber Glow Neon UI

Cyber Glow Neon UI

Features

Awesome Clients

Tatenda Moyo

Rumbidzai Chikwanda

Farai Mutasa

Chiedza Rusike

Contact Me

Contact Info

hmakhalima4@gmail.com

Howard Makhalima

+263 78-458-9841

Social Info

Let's work together.